草庐IT

jQuery Mobile 表单

全部标签

javascript - 使原始的 Angular 表单控件变脏

这个问题在这里已经有了答案:Angular2:HowdoyoumarkFormGroupcontroldirtyvia`patchValue()`(3个答案)关闭5年前。Angular4中有一种响应式形式,某些控件应该在某些时候以编程方式设置。this.form=formBuilder.group({foo:''});...this.form.controls.foo.setValue('foo');控制pristine/dirty状态会受到怎样的影响?目前我正在使用form和foo原始状态,比如:{{form.controls.foo.errors|json}}Submit如果pri

javascript - 如何在键入时验证 Magento Javascript 中的表单

Magento有很棒的Javascript验证库,可以初始化varmyForm=newVarienForm('[yourformid]',true);。但是,当单击提交按钮时会触发此验证功能。没有办法在您键入时验证特定字段。例如,如果我输入2位邮政编码并转到第二个字段,它应该立即验证邮政编码并显示错误。由于邮政编码至少需要5位数字。谢谢 最佳答案 是的,Magento提供了很棒的验证库。您可以使用“validate”方法为每个字段调用验证。例如要验证邮政编码,您可以观察blur事件并调用validate方法。$('billing:p

javascript - 触发 Javascript 表单字段验证和格式化的事件是什么?

首先让我说,我们验证服务器端的每个字段,所以这是一个问题关于客户端可用性。什么时候使用javascript验证和格式化html表单输入字段的传统智慧是什么?例如,我们有一个电话号码字段。我们允许使用数字、空格、括号和连字符。我们希望该字段有十位数字。此外,我们希望该字段看起来像(123)456-7890,即使用户没有那样输入也是如此。看来我们可以在用户使用时验证并格式化它退出该领域。验证和格式化在输入的每个字符上。拦截击键并防止用户输入错误的字符。上述的一些组合(例如进入时格式化,退出时验证,进入时阻止,退出时格式化等)[已添加]等待并在用户点击提交时执行所有验证和格式设置。我已经看到

javascript - jQuery 不在 .append() 之后发布表单的所有输入

我有一个使用jQuery的.append()方法动态生成的表单。我可以添加任意数量的新输入、文本框、cmbbox等...但问题是,当我执行表单的sumbit时,PHP目标不会收到添加的新输入,而只会收到连接到append()之前表单中已经存在的输入的变量。有什么想法吗?javascript:$("#button").live('click',functionadd(){$("#list").append(''+''+'');});HTML:PHP: 最佳答案 问题1:您的#button不应是submit类型,因为您只想使用它来添加到

javascript - 结合图片上传ajax和表单提交ajax

我有这样的图片上传ajax$scope.uploadFile=function(){varfile=$scope.myFile;console.log(file);varuploadUrl="/api/upload_image";//Itwillalsogoesto'/api/get_data'//fileUpload.uploadFileToUrl(file,uploadUrl);varfd=newFormData();fd.append('file',file);$http.post(uploadUrl,fd,{transformRequest:angular.identity,h

javascript - 从 Angular $mdDialog 中访问表单

我正在使用Angular1.5MaterialDesign$mdDialog按照推荐的方式,使用controllerAs:"dialog".在模板中我有一个表单:.在模板中,我可以毫无问题地访问表单,例如ng-disabled="fooForm.$invalid||fooForm.$submitted".但是我如何从$mdDialog中访问该表单?Controller?根据我的阅读,我希望能够做到这一点:constdoFoo=()=>{if(this.fooForm.$dirty){在这里this是对话框Controller。但我得到一个错误:TypeError:Cannotreadp

javascript - Onclick javascript 停止在 Chrome 中提交表单

我有以下表格:...  ...functiondisableButtons(elem){$('#previous-btn').prop('disabled',true);$('#next-btn').prop('disabled',true);$('#ajax-img').css('display','inline');returntrue;}使用onclick我禁用按钮并在提交表单时显示ajax加载图片。这样用户就不会点击提交两次。问题是在Chrome中表单根本没有提交。所以onlclick函数工作正常,但仅此而已。在FF和IE中一切正常-开始时javascrip

javascript - 如何将值从组件传递到 Redux 表单

我在React.js中使用Redux表单作为表单,我的表单是,我有一个自定义的谷歌地图组件,我想将纬度和经度绑定(bind)到我的表单表单importReactfrom'react';import{Field,reduxForm}from'redux-form';constSimpleForm=props=>{const{handleSubmit,pristine,reset,submitting}=props;return(FirstName);};exportdefaultreduxForm({form:'simple',//auniqueidentifierforthisform

javascript - 在同一页面上设置多个表单/验证

怎么了,这里是AngularJS新手,正在寻找一些答案。我有一个这样设置的页面:其中每个表单都有自己的一组需要验证的输入。我已经能够在所有四种形式上进行验证,因为我设置了一个涵盖所有4种形式的包容性形式ng-app。提交时,脚本会从打开的表单中删除“打开”类,循环到enxt表单并在该表单上添加打开类。我如何设置它以便可以单独验证这些表单中的每一个?提前致谢。 最佳答案 你需要ngFormdirective和FormController.此指令中具有名称的每个ng-form指令都将属性添加到$scope。您可以在单击提交按钮调用的函数

javascript - Angular 6 - 多级嵌套响应式表单重复输入

我有一个与AngularReactiveForm相关的问题,我无法解决。代码form.html和form.tsimport{Component,OnInit}from'@angular/core';import{FormArray,FormBuilder,FormGroup}from'@angular/forms';import{ProcessService}from"../../../service/process.service";@Component({selector:'app-check-order-form',templateUrl:'./check-order-form.